import { onBeforeUnmount, onMounted, ref } from 'vue'

export default function () {
	const x = ref(-1)
	const y = ref(-1)

	// 点击事件的回调函数
	// 页面加载完毕的生命周期组合API
	const clickHandler = (event: any) => {
		x.value = event.pageX
		y.value = event.pageY
	}

	onMounted(() => {
		window.addEventListener('click', clickHandler)
	})

	// 页面卸载之前的生命周期组合API
	onBeforeUnmount(() => {
		window.removeEventListener('click', clickHandler)
	})

	return {
		x,
		y
	}
}
